博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ECHO.js 纯javascript轻量级延迟加载
阅读量:7047 次
发布时间:2019-06-28

本文共 463 字,大约阅读时间需要 1 分钟。

422101-20160416143632207-1535486545.png

演示

简单的JavaScript图像延迟加载库Echo.js

简单的JavaScript图像延迟加载库Echo.js演示

应用

1.引入js,并初始化

2.给图片附上属性

3.给未加载的图片设置默认背景,动态的gif

.lazy{
width:100%;height:100%;background: url({sh::PUB}img/common/loading.gif) 50% no-repeat;}

很方便,很实用。

要想进一步提升网页打开速度,可以优化上传的图片。

网页慢,无非是,一查询慢,二图片加载慢,三没有使用延迟加载,四图片数据太大。

根据这些原因,逐步解决。

提升用户体验。

本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5398381.html,如需转载请自行联系原作者

你可能感兴趣的文章
nmon采集数据报错
查看>>
数据仓库的基本特征
查看>>
Flash基础知识详细教程接龙2
查看>>
linux下安装python
查看>>
centos 安装百度云/百度网盘Python客户端
查看>>
mysql事务未提交导致锁等待如何解决
查看>>
Oracle Datagurad Failover
查看>>
《白帽子讲WEB安全》学习笔记之第1章 我的安全世界观
查看>>
压测工具ab(Apache)详解
查看>>
Cassandra用户管理
查看>>
神器 vim + 指针相关客串
查看>>
CentOS 7.0 配置varnish缓存
查看>>
table 去掉 td之间间距
查看>>
SQL Server 跨网段(跨机房)复制
查看>>
ESXI root密码忘记,重置root密码
查看>>
online游戏服务器架构--综述
查看>>
HTML DOM prompt() 方法
查看>>
职场英语修炼手册
查看>>
获取windows7 trustedInstaller权限
查看>>
WCF揭秘——共享数据契约
查看>>